 .fixbox {
    display: flex;
    display: -webkit-box;
}
@mixin px2rem($name, $px){
    #{$name}: $px / 75 * 1rem;
}
.threeSe{
    .sectionTh{
      @extend  .fixbox;
       align-items: center;
      justify-content: space-between;
      @include px2rem(padding-left,20);
      @include px2rem(padding-right,20);
      @include px2rem(height,80);
      background: #e4366b;
      .seHeaderzi{
          @include px2rem(font-size,32);
          font-weight:800 ;
          color: white;
      }
      .jiesuan{
          width: 4em;
          background: linear-gradient(#f6769a,#c72859);
          @include px2rem(border-radius,8);
          text-align: center;
          @include px2rem(height,40);
          color: white;
      }
    }
    .sectionSe{
        @extend  .fixbox;
        align-items: center;
        justify-content: center;
        background: #333333;
        @include px2rem(height,80);
        color: white;
       .sectionSeleft{
           a{
               color: white;
           }
       }
       .sectionSeright{
           @include px2rem(margin-left,40);
           a{
               color: #ba355c;
           }
       }
    }
    .wupinjieshao{      
        .wuDl{
            @include px2rem(height,300);
            @extend .fixbox;
            @include px2rem(padding,20);
            .wuDt{  
                height: 100%;
                width: 40%;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            .wuDD{
                height: 100%;
                font-weight: 600;
                width: 62%;
                @include px2rem(margin-left,20);
                .wuDDHea{
                    height: 25%;
                    width: 90%;
                    @extend .fixbox;
                    justify-content: space-between;
                    align-items: center;
                  
                   span{
                       display: block;
                       @include px2rem(font-size,28);
                   }
                }
                .wuDDCen{
                     height: 25%;
                    width: 90%;
                    @extend .fixbox;
                    justify-content: space-between;
                    align-items: center;
                 
                   span{
                       
                       display: block;
                      
                   };
                    a{
                        color: #ed7e9d;
                        font-weight:700;
                    }
                }
                .wuDDFoo{
                    width: 90%;
                     height: 25%;
                    @extend .fixbox;
                    align-items: center;
                    .quxiao{
                        background: #e4366b;
                         @include px2rem(width,100);
                        
                        @include px2rem(height,40);
                          @include px2rem(line-height,40);
                        @include px2rem(border-radius,6);
                        color: #FFFFFF;
                    }
                    .hong{
                        color: #CCCCCC;
                        text-decoration: line-through;
                    }
                    .jian{
                        display: block;
                        text-align: center;
                        @include px2rem(width,50);
                        @include px2rem(height,40);
                        @include px2rem(border-radius,6);
                        border: 1px solid #CCCCCC;
                        background: linear-gradient(#ffffff,#000000);  
                    }
                    #text_box1{
                        @include px2rem(width,80);
                    }
                    .kuang{
                        display: block;
                        text-align: center;
                        @include px2rem(height,40);
                        @include px2rem(width,60);
                        border: 1px solid #CCCCCC;
                        @include px2rem(border-radius,6);
                        @include px2rem(margin-left,8);
                        @include px2rem(margin-right,8);
                    }
                    .jia{
                        display: block;
                        text-align: center;
                        @include px2rem(width,50);
                        @include px2rem(height,40);
                        @include px2rem(border-radius,6);
                        border: 1px solid #CCCCCC;
                        background: linear-gradient(#ffffff,#000000);
                       }
                }
              
            }
            
        }
    }
}

